<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 外部链接  href：你链接css文件的url地址 -->
    <link rel="stylesheet" href="../css/index.css">
     <!-- 嵌入式 -->
     <style>
         h1{
             color:blue;
         }
     </style>

</head>
<body>

    <!-- 
       css:全称:  层叠样式表  样式是一层一层叠加的。
           作用： 美化网页的( css是网页的表现形式) 
       语法：  
            选择器{
                 // 书写的样式的规则
                  样式的属性名： 样式的值;  (*多行用分号隔开)
                  样式的属性名： 样式的值
              }
        选择器的作用： 就是选中页面中html元素，然后再对其美化。  
        
        加入css 有三种方式： 1 外部链接（外联式）  推荐使用的
                           2  内嵌式        
                           3  行内式（内联式）


       
                        

     -->
      
     <h1 style="color:chartreuse">hello  css</h1>
     <p>开始学习css基础</p>
     <ul>
         <li>html: xxx</li>
         <li> css: xxxxxx</li>
         <li>javascript:xxxxx </li>
     </ul>

       
   
</body>
</html>